<!--<template>-->
<!--  <div class="form-single-fragment" style="position: relative;">-->
<!--    <el-form ref="formEditTemplate" :model="formData" class="full-width-input" :rules="rules" style="width: 100%;"-->
<!--             label-width="100px" :size="defaultFormItemSize" label-position="right" @submit.native.prevent>-->
<!--      <el-row :gutter="20">-->
<!--        <el-col :span="24">-->
<!--          <el-form-item label="模板名称" prop="DcTemplate.templateName">-->
<!--            <el-input class="input-item" v-model="formData.DcTemplate.templateName"-->
<!--                      :clearable="true" placeholder="模板名称"-->
<!--            />-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="24">-->
<!--          <el-form-item label="图层名称" prop="DcTemplate.displayName">-->
<!--            <el-input class="input-item" v-model="formData.DcTemplate.displayName"-->
<!--                      :clearable="true" placeholder="图层名称"-->
<!--            />-->
<!--          </el-form-item>-->
<!--        </el-col>-->

<!--        <el-col>-->
<!--          <el-divider content-position="left">显示样式</el-divider>-->
<!--        </el-col>-->
<!--        <el-col :span="20">-->
<!--          <el-form-item label="图层类型" prop="DcTemplate.layerType">-->
<!--            <el-radio-group v-model="formData.DcTemplate.layerType" @change="onLayerTypeValueChange">-->
<!--              <el-radio v-for="item in formEditTemplate.layerType.impl.dropdownList" :key="item.id"-->
<!--                        :label="item.id">{{ item.name }}-->
<!--              </el-radio>-->
<!--            </el-radio-group>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <div v-if="layerIsPoint">-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="显示形状" prop="DcTemplate.styleConfig.pointConfig.pointStyle">-->
<!--              <el-select v-model="formData.DcTemplate.styleConfig.pointConfig.pointStyle">-->
<!--                <el-option label="圆形" value="circle"></el-option>-->
<!--                <el-option label="方形" value="square"></el-option>-->
<!--                <el-option label="菱形" value="rhombus"></el-option>-->
<!--                <el-option label="星形" value="triangle"></el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="图层颜色" prop="DcTemplate.styleConfig.pointConfig.pointColor">-->
<!--              <template slot="label">-->
<!--                <span>图层颜色-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-color-picker :size="defaultFormItemSize"-->
<!--                               v-model="formData.DcTemplate.styleConfig.pointConfig.pointColor"-->
<!--                               :predefine="predefineColors">-->
<!--              </el-color-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <el-col :span="24">-->
<!--            <el-form-item label="是否显示注记" prop="DcTemplate.styleConfig.pointConfig.showLabel">-->
<!--              <el-radio-group v-model="formData.DcTemplate.styleConfig.pointConfig.showLabel">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <div v-if="formData.DcTemplate.styleConfig.pointConfig.showLabel">-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="注记属性名称" prop="DcTemplate.styleConfig.pointConfig.labelConfig.propertyName">-->
<!--                <el-input-->
<!--                  v-model="formData.DcTemplate.styleConfig.pointConfig.labelConfig.propertyName">-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            &lt;!&ndash;            <el-col :span="10">&ndash;&gt;-->
<!--            &lt;!&ndash;              <el-form-item label="显示颜色" prop="DcTemplate.styleConfig.pointConfig.labelConfig.labelColor">&ndash;&gt;-->
<!--            &lt;!&ndash;                <el-color-picker&ndash;&gt;-->
<!--            &lt;!&ndash;                  v-model="formData.DcTemplate.styleConfig.pointConfig.labelConfig.labelColor"&ndash;&gt;-->
<!--            &lt;!&ndash;                  :predefine="predefineColors">&ndash;&gt;-->
<!--            &lt;!&ndash;                </el-color-picker>&ndash;&gt;-->
<!--            &lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--            &lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->

<!--        <div v-if="layerIsPolyline">-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="显示形状" prop="DcTemplate.styleConfig.polylineConfig.ploylineStyle">-->
<!--              <el-select v-model="formData.DcTemplate.styleConfig.polylineConfig.ploylineStyle">-->
<!--                <el-option label="实线" value="solidline"></el-option>-->
<!--                <el-option label="虚线" value="dashedline"></el-option>-->
<!--              </el-select>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="显示宽度" prop="DcTemplate.styleConfig.polylineConfig.polylineWidth">-->
<!--              <el-input-->
<!--                v-model="formData.DcTemplate.styleConfig.polylineConfig.polylineWidth">-->
<!--              </el-input>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="图层颜色" prop="DcTemplate.styleConfig.polylineConfig.polylineColor">-->
<!--              <template slot="label">-->
<!--                <span>图层颜色-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-color-picker :size="defaultFormItemSize"-->
<!--                               v-model="formData.DcTemplate.styleConfig.polylineConfig.polylineColor"-->
<!--                               :predefine="predefineColors">-->
<!--              </el-color-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="透明度" prop="DcTemplate.styleConfig.polylineConfig.polylineOpacity">-->
<!--              <template slot="label">-->
<!--                <span>透明度-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>0表示全透明（不显示），1表示不透明（正常显示）</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-slider-->
<!--                v-model="formData.DcTemplate.styleConfig.polylineConfig.polylineOpacity"-->
<!--                :step="5">-->
<!--              </el-slider>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <el-col :span="24">-->
<!--            <el-form-item label="是否显示注记" prop="DcTemplate.styleConfig.polylineConfig.showLabel">-->
<!--              <el-radio-group v-model="formData.DcTemplate.styleConfig.polylineConfig.showLabel">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <div v-if="formData.DcTemplate.styleConfig.polylineConfig.showLabel">-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="注记属性名称" prop="DcTemplate.styleConfig.polylineConfig.labelConfig.propertyName">-->
<!--                <el-input-->
<!--                  v-model="formData.DcTemplate.styleConfig.polylineConfig.labelConfig.propertyName">-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            &lt;!&ndash;            <el-col :span="10">&ndash;&gt;-->
<!--            &lt;!&ndash;              <el-form-item label="显示颜色" prop="DcTemplate.styleConfig.polylineConfig.labelConfig.labelColor">&ndash;&gt;-->
<!--            &lt;!&ndash;                <el-color-picker&ndash;&gt;-->
<!--            &lt;!&ndash;                  v-model="formData.DcTemplate.styleConfig.polylineConfig.labelConfig.labelColor"&ndash;&gt;-->
<!--            &lt;!&ndash;                  :predefine="predefineColors">&ndash;&gt;-->
<!--            &lt;!&ndash;                </el-color-picker>&ndash;&gt;-->
<!--            &lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--            &lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->

<!--        <div v-if="layerIsPolygon">-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="图层颜色" prop="DcTemplate.styleConfig.polygonConfig.polygonColor">-->
<!--              <template slot="label">-->
<!--                <span>图层颜色-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>系统默认根据要素调查状态显示要素颜色，此配置仅在开启按图层显示颜色时生效。</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-color-picker-->
<!--                v-model="formData.DcTemplate.styleConfig.polygonConfig.polygonColor"-->
<!--                :predefine="predefineColors">-->
<!--              </el-color-picker>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="10">-->
<!--            <el-form-item label="填充透明度" prop="DcTemplate.styleConfig.polygonConfig.polygonOpacity">-->
<!--              <template slot="label">-->
<!--                <span>填充透明度-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>0表示全透明（不显示），1表示不透明（正常显示）</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--              </template>-->
<!--              <el-slider-->
<!--                v-model="formData.DcTemplate.styleConfig.polygonConfig.polygonOpacity"-->
<!--                :step="5">-->
<!--              </el-slider>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="24">-->
<!--            <el-form-item label="显示轮廓线" prop="DcTemplate.styleConfig.polygonConfig.showOutline">-->
<!--              <el-radio-group v-model="formData.DcTemplate.styleConfig.polygonConfig.showOutline">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <div v-if="formData.DcTemplate.styleConfig.polygonConfig.showOutline ">-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="轮廓线形状" prop="DcTemplate.styleConfig.polygonConfig.outlineStyle">-->
<!--                <el-select v-model="formData.DcTemplate.styleConfig.polygonConfig.outlineStyle">-->
<!--                  <el-option label="实线" value="solidline"></el-option>-->
<!--                  <el-option label="虚线" value="dashedline"></el-option>-->
<!--                </el-select>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="轮廓线宽度" prop="DcTemplate.styleConfig.polygonConfig.outlineWidth">-->
<!--                <el-input-->
<!--                  v-model="formData.DcTemplate.styleConfig.polygonConfig.outlineWidth">-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="轮廓线透明度" prop="DcTemplate.styleConfig.polygonConfig.outlineOpacity">-->
<!--                <template slot="label">-->
<!--                <span>轮廓透明度-->
<!--                  <el-tooltip class="item" effect="dark" placement="top-start">-->
<!--                    <i class="el-icon-question" style="font-size: 16px; vertical-align: middle;"></i>-->
<!--                    <div slot="content">-->
<!--                      <p>0表示全透明（不显示），1表示不透明（正常显示）</p>-->
<!--                    </div>-->
<!--                  </el-tooltip>-->
<!--                </span>-->
<!--                </template>-->
<!--                <el-slider-->
<!--                  v-model="formData.DcTemplate.styleConfig.polygonConfig.outlineOpacity"-->
<!--                  :step="5">-->
<!--                </el-slider>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </div>-->
<!--          <el-col :span="24">-->
<!--            <el-form-item label="是否显示注记" prop="DcTemplate.styleConfig.polygonConfig.showLabel">-->
<!--              <el-radio-group v-model="formData.DcTemplate.styleConfig.polygonConfig.showLabel">-->
<!--                <el-radio :label="true">是</el-radio>-->
<!--                <el-radio :label="false">否</el-radio>-->
<!--              </el-radio-group>-->
<!--            </el-form-item>-->
<!--          </el-col>-->

<!--          <div v-if="formData.DcTemplate.styleConfig.polygonConfig.showLabel">-->
<!--            <el-col :span="10">-->
<!--              <el-form-item label="注记属性名称"-->
<!--                            prop="DcTemplate.styleConfig.polygonConfig.labelConfig.propertyName">-->
<!--                <el-input-->
<!--                  v-model="formData.DcTemplate.styleConfig.polygonConfig.labelConfig.propertyName">-->
<!--                </el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            &lt;!&ndash;            <el-col :span="10">&ndash;&gt;-->
<!--            &lt;!&ndash;              <el-form-item label="显示颜色"&ndash;&gt;-->
<!--            &lt;!&ndash;                            prop="DcTemplate.styleConfig.polygonConfig.labelConfig.labelColor">&ndash;&gt;-->
<!--            &lt;!&ndash;                <el-color-picker&ndash;&gt;-->
<!--            &lt;!&ndash;                  v-model="formData.DcTemplate.styleConfig.polygonConfig.labelConfig.labelColor"&ndash;&gt;-->
<!--            &lt;!&ndash;                  :predefine="predefineColors">&ndash;&gt;-->
<!--            &lt;!&ndash;                </el-color-picker>&ndash;&gt;-->
<!--            &lt;!&ndash;              </el-form-item>&ndash;&gt;-->
<!--            &lt;!&ndash;            </el-col>&ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->

<!--        <el-col :span="24">-->
<!--          <el-row class="no-scroll flex-box" type="flex" justify="end">-->
<!--            <el-button type="primary" :size="defaultFormItemSize" :plain="true"-->
<!--                       @click="onCancel(false)">-->
<!--              取消-->
<!--            </el-button>-->
<!--            <el-button type="primary" :size="defaultFormItemSize"-->
<!--                       :disabled="!checkPermCodeExist('formEditTemplate:formEditTemplate:update')"-->
<!--                       @click="onUpdateClick()">-->
<!--              保存-->
<!--            </el-button>-->
<!--          </el-row>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--/* eslint-disable-next-line */-->
<!--/* eslint-disable-next-line */-->
<!--/* eslint-disable-next-line */-->
<!--import {DropdownWidget} from '@/utils/widget.js';-->
<!--/* eslint-disable-next-line */-->
<!--import {statsDateRangeMixin, uploadMixin} from '@/core/mixins';-->
<!--/* eslint-disable-next-line */-->
<!--import {DcTemplateController, DictionaryController} from '@/api';-->
<!--import {LayerFeatureType} from '@/staticDict';-->
<!--import {generateDefaultStyle} from '@/views/formTemplateMng/template';-->

<!--export default {-->
<!--  name: 'editLayerTemplate',-->
<!--  props: {-->
<!--    // 是否支持级联操作-->
<!--    supportCascadeAdd: {-->
<!--      type: String,-->
<!--      default: '0'-->
<!--    },-->
<!--    id: {-->
<!--      default: undefined-->
<!--    },-->
<!--    projectTemplateId: {-->
<!--      default: undefined-->
<!--    },-->
<!--    subPage: {-->
<!--      type: [Number, String, Boolean],-->
<!--      default: 0-->
<!--    },-->
<!--    saveOnSubmit: {-->
<!--      type: Boolean,-->
<!--      default: true-->
<!--    },-->
<!--    rowData: {-->
<!--      type: Object-->
<!--    }-->
<!--  },-->
<!--  mixins: [uploadMixin, statsDateRangeMixin],-->
<!--  data () {-->
<!--    return {-->
<!--      formData: {-->
<!--        DcTemplate: {-->
<!--          templateId: undefined,-->
<!--          templateName: undefined,-->
<!--          displayName: undefined,-->
<!--          displayStyle: undefined,-->
<!--          styleConfig: {-->
<!--            featureTypes: undefined,-->
<!--            pointConfig: {-->
<!--              pointStyle: 'circle',-->
<!--              pointSize: '12',-->
<!--              pointColor: '#00FFFF',-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            },-->
<!--            polygonConfig: {-->
<!--              polygonColor: '#00FFFF',-->
<!--              polygonOpacity: '0.2',-->
<!--              showOutline: false,-->
<!--              outlineStyle: 'dashedline',-->
<!--              outlineWidth: '5',-->
<!--              outlineOpacity: '0.5',-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            },-->
<!--            polylineConfig: {-->
<!--              polylineWidth: '5',-->
<!--              ploylineStyle: 'dashedline',-->
<!--              polylineOpacity: '0.5',-->
<!--              polylineColor: '#00FFFF',-->
<!--              showLabel: false,-->
<!--              labelConfig: {-->
<!--                labelColor: '#00FFFF',-->
<!--                propertyName: 'name'-->
<!--              }-->
<!--            }-->
<!--          },-->
<!--          layerType: undefined,-->
<!--          createUserId: undefined,-->
<!--          createTime: undefined,-->
<!--          updateUserId: undefined,-->
<!--          updateTime: undefined,-->
<!--          isDatasourceInit: false-->
<!--        }-->
<!--      },-->
<!--      rules: {-->
<!--        'DcTemplate.displayName': [-->
<!--          {-->
<!--            type: 'string',-->
<!--            max: 64,-->
<!--            message: '图层名称长度必须小于64位',-->
<!--            trigger: 'blur'-->
<!--          },-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入图层的显示名称',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.templateName': [-->
<!--          {-->
<!--            type: 'string',-->
<!--            max: 64,-->
<!--            message: '模板名称长度必须小于64位',-->
<!--            trigger: 'blur'-->
<!--          },-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入模板名称',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.featureTypes': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择要素类型',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.pointStyle': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示形状',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.pointColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.pointSize': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入显示大小',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.pointRotation': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入旋转角度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.showLabel': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择是否显示注记',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.labelConfig.propertyName': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入属性名称',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.pointConfig.labelConfig.labelColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.ploylineStyle': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示形状',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.polylineColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.polylineWidth': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入显示宽度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.polylineOpacity': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入透明度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.showLabel': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择是否显示注记',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.labelConfig.propertyName': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入属性名称',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polylineConfig.labelConfig.labelColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.polygonColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择填充颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.polygonOpacity': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入透明度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.showOutline': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择是否显示轮廓',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.outlineStyle': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示形状',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.outlineColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.outlineWidth': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入显示宽度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.outlineOpacity': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入透明度',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.showLabel': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择是否显示注记',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.labelConfig.propertyName': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入属性名称',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ],-->
<!--        'DcTemplate.styleConfig.polygonConfig.labelConfig.labelColor': [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请选择显示颜色',-->
<!--            trigger: 'blur'-->
<!--          }-->
<!--        ]-->
<!--      },-->
<!--      formEditTemplate: {-->
<!--        formFilter: {},-->
<!--        formFilterCopy: {},-->
<!--        layerType: {-->
<!--          impl: new DropdownWidget(this.loadLayerTypeDropdownList)-->
<!--        },-->
<!--        btnGroup: {-->
<!--          isInit: false-->
<!--        },-->
<!--        isInit: false-->
<!--      },-->
<!--      predefineColors: [-->
<!--        '#ff4500',-->
<!--        '#ff8c00',-->
<!--        '#ffd700',-->
<!--        '#90ee90',-->
<!--        '#28B463',-->
<!--        '#00ced1',-->
<!--        '#D0D3D4',-->
<!--        '#1e90ff',-->
<!--        '#c71585',-->
<!--        '#158577'-->
<!--      ]-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    onCancel (isSuccess, data) {-->
<!--      if (this.observer != null) {-->
<!--        this.observer.cancel(isSuccess, data);-->
<!--      }-->
<!--    },-->
<!--    /**-->
<!--     * 图层类型下拉数据获取函数-->
<!--     */-->
<!--    loadLayerTypeDropdownList () {-->
<!--      return new Promise((resolve, reject) => {-->
<!--        let params = {};-->
<!--        DictionaryController.dictLayerFeatureType(this, params).then(res => {-->
<!--          resolve(res.getList());-->
<!--        }).catch(e => {-->
<!--          reject(e);-->
<!--        });-->
<!--      });-->
<!--    },-->
<!--    /**-->
<!--     * 图层类型选中值改变-->
<!--     */-->
<!--    onLayerTypeValueChange (value) {-->
<!--      this.formData.DcTemplate.styleConfig.featureTypes = value.toLowerCase()-->
<!--    },-->
<!--    /**-->
<!--     * 更新修改调查模板-->
<!--     */-->
<!--    refreshFormEditTemplate (reloadData = false) {-->
<!--      this.loadDcTemplateData().then(res => {-->
<!--        if (!this.formEditTemplate.isInit) {-->
<!--          // 初始化下拉数据-->
<!--          this.formEditTemplate.layerType.impl.onVisibleChange(true)-->
<!--        }-->
<!--        this.formEditTemplate.isInit = true;-->
<!--      }).catch(e => {-->
<!--      });-->
<!--    },-->
<!--    /**-->
<!--     * 编辑-->
<!--     */-->
<!--    onUpdateClick () {-->
<!--      // 更新富文本字段值-->
<!--      this.formData.DcTemplate.displayStyle = generateDefaultStyle(this.formData.DcTemplate.layerType, this.formData.DcTemplate.styleConfig);-->
<!--      this.$refs.formEditTemplate.validate((valid) => {-->
<!--        if (!valid) return;-->
<!--        let params = {-->
<!--          dcTemplateDto: {-->
<!--            templateId: this.formData.DcTemplate.templateId,-->
<!--            templateName: this.formData.DcTemplate.templateName,-->
<!--            displayName: this.formData.DcTemplate.displayName,-->
<!--            displayStyle: this.formData.DcTemplate.displayStyle,-->
<!--            styleConfig: this.formData.DcTemplate.styleConfig,-->
<!--            layerType: this.formData.DcTemplate.layerType-->
<!--          }-->
<!--        };-->

<!--        DcTemplateController.update(this, params).then(res => {-->
<!--          this.$message.success('编辑成功');-->
<!--          this.onCancel(true);-->
<!--        }).catch(e => {-->
<!--        });-->
<!--      });-->
<!--    },-->
<!--    /**-->
<!--     * 获取调查模板数据源详细信息-->
<!--     */-->
<!--    loadDcTemplateData () {-->
<!--      return new Promise((resolve, reject) => {-->
<!--        if (!this.formData.DcTemplate.isDatasourceInit) {-->
<!--          if (-->
<!--            this.templateId == null-->
<!--          ) {-->
<!--            this.resetFormData();-->
<!--            reject();-->
<!--            return;-->
<!--          }-->
<!--          let params = {-->
<!--            templateId: this.templateId-->
<!--          };-->
<!--          DcTemplateController.view(this, params).then(res => {-->
<!--            let dcTemplateData = res.data-->
<!--            if (!dcTemplateData.styleConfig) {-->
<!--              dcTemplateData.styleConfig = {-->
<!--                pointConfig: {-->
<!--                  pointStyle: 'point_style_circle',-->
<!--                  pointSize: '12',-->
<!--                  pointColor: '#00FFFF',-->
<!--                  pointOpacity: '1',-->
<!--                  showLabel: false,-->
<!--                  labelConfig: {-->
<!--                    labelColor: '#00FFFF',-->
<!--                    propertyName: 'name'-->
<!--                  }-->
<!--                },-->
<!--                polygonConfig: {-->
<!--                  polygonColor: '#00FFFF',-->
<!--                  polygonOpacity: '0.2',-->
<!--                  showOutline: false,-->
<!--                  outlineStyle: 'dashedline',-->
<!--                  outlineWidth: '5',-->
<!--                  outlineOpacity: '0.5',-->
<!--                  showLabel: false,-->
<!--                  labelConfig: {-->
<!--                    labelColor: '#00FFFF',-->
<!--                    propertyName: 'name'-->
<!--                  }-->
<!--                },-->
<!--                polylineConfig: {-->
<!--                  polylineWidth: '5',-->
<!--                  ploylineStyle: 'dashedline',-->
<!--                  polylineOpacity: '0.5',-->
<!--                  polylineColor: '#00FFFF',-->
<!--                  showLabel: false,-->
<!--                  labelConfig: {-->
<!--                    labelColor: '#00FFFF',-->
<!--                    propertyName: 'name'-->
<!--                  }-->
<!--                }-->
<!--              }-->
<!--            }-->
<!--            this.formData.DcTemplate = {-->
<!--              ...dcTemplateData,-->
<!--              isDatasourceInit: true-->
<!--            };-->
<!--            // if (this.formData.DcTemplate.layerTypeDictMap && this.formEditTemplate.layerType.impl.dirty) {-->
<!--            //   this.formEditTemplate.layerType.impl.dropdownList = [this.formData.DcTemplate.layerTypeDictMap];-->
<!--            // }-->
<!--            resolve();-->
<!--          }).catch(e => {-->
<!--            reject();-->
<!--          });-->
<!--        } else {-->
<!--          this.formData.DcTemplate.isDatasourceInit = true;-->
<!--          resolve();-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    initFormData () {-->
<!--    },-->
<!--    /**-->
<!--     * 重置表单数据-->
<!--     */-->
<!--    resetFormData () {-->
<!--      this.formData = {-->
<!--        DcTemplate: {-->
<!--          templateId: undefined,-->
<!--          templateName: undefined,-->
<!--          displayName: undefined,-->
<!--          displayStyle: undefined,-->
<!--          layerType: undefined,-->
<!--          createUserId: undefined,-->
<!--          createTime: undefined,-->
<!--          updateUserId: undefined,-->
<!--          updateTime: undefined,-->
<!--          isDatasourceInit: false-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    formInit () {-->
<!--      this.refreshFormEditTemplate();-->
<!--    }-->
<!--  },-->
<!--  computed: {-->
<!--    // layerIsPoint () {-->
<!--    //   return this.formData.DcTemplate.layerType === LayerFeatureType.POINT-->
<!--    // },-->
<!--    // layerIsPolyline () {-->
<!--    //   return this.formData.DcTemplate.layerType === LayerFeatureType.POLYLINE-->
<!--    // },-->
<!--    // layerIsPolygon () {-->
<!--    //   return this.formData.DcTemplate.layerType === LayerFeatureType.POLYGON-->
<!--    // }-->
<!--  },-->
<!--  mounted () {-->
<!--    // 初始化页面数据-->
<!--    this.formInit();-->
<!--    // 初始化级联数据-->
<!--    if (this.supportCascadeAdd === '1' && this.rowData != null) {-->
<!--      this.formData.DcTemplate = {-->
<!--        ...this.rowData-->
<!--      }-->
<!--      if (this.formData.DcTemplate.layerTypeDictMap && this.formEditTemplate.layerType.impl.dirty) {-->
<!--        this.formEditTemplate.layerType.impl.dropdownList = [this.formData.DcTemplate.layerTypeDictMap];-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  watch: {}-->
<!--}-->
<!--</script>-->
